<template>
  <div class="pagination-component">
    <el-pagination
      v-model:current-page="props.formData.pageIndex"
      v-model:page-size="props.formData.pageSize"
      :page-sizes="[10, 20, 30, 40]"
      :background="true"
      layout="total, sizes, prev, pager, next, jumper"
      :total="props.formData.total"
      @size-change="props.handleSizeChange"
      @current-change="props.handleCurrentChange"
    />
  </div>
</template>
<script  setup lang='ts'>
const props = defineProps(["modelValue"]);
</script>
  <style lang='scss' scoped>
</style>
